<template>
	<view>
		<view class="header">
			<view class="lab"></view><view>活动规则</view>	
		</view>
		<view class="text-content">
			<view class="text">1.每日支付1元参与早起打卡，放入早起打卡挑战金奖池</view>
			<view class="text">2.次日早晨5:00-8:00成为早起打卡时间，成功打卡，即可随机瓜分挑战金奖池，最低1元，不设上限</view>
			<view class="text">3.未在次日早晨5:00-8:00内进行打卡(例如:已过打卡时间)，视为打卡失败，不可参与当日挑战金的瓜分</view>
			<view class="text">4.每日瓜分金额于早晨8:00后结算，当日12:00前将挑战金发放至用户余额</view>
			<view class="text"></view>
		</view>
		<view class="header">
			<view class="lab"></view><view>客服联系</view>	
		</view>
		<view class="text-content">
			<view class="text">客服工作时间:每周一至周五10:00-18:00</view>
		</view>
		<view class='title'>
			<image src='../../../static/images/earlycolock/serviceIcon.png' mode='aspectFit' class='icon-img'></image>
			<!-- <contact-button> 联系客服</contact-button> -->
			<button class='ctitle' open-type="contact">联系客服</button>
		</view>
		<view class="header">
			<view class="lab"></view><view>特殊情况说明</view>
		</view>
		<view class="text-content">
			<view class="text">1.每日23:00后至第二天5:00为系统停止报名，不可进行【参与挑战】操作</view>
			<view class="text">2.若当日所有人成功打卡，退款1元至所有用户</view>
			<view class="text">
				3.活动日期的切换以当日24:00为界限，此时间点后参与活动，打卡时间为次日5:00-8:00，如:用户赵某于1月1日23:00参与活动，其有效打卡时间为1月2日5:00-8:00;用户陆某于1月2日01:00参与活动，其有效打卡时间为1月3日5:00-8:00;
			</view>
			<view class="text">
				4.由于当前微信服务消息-红包发放规则限制，发放奖励金若于24小时内未进行领取，将导致红包失效，无法领取，敬请留意服务消息提示如遇异常情况，无法正常参与活动或进行打卡，请先尝试下拉刷新页面，或删除本小程序并通过搜索重新进入。若有问题仍无法解决,请于下方联系客服，描述异常情况，我们的运营客服将在工作时段内第一时间为您解答
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				share: {
					title: '早起打卡，养成好习惯，打卡瓜分奖池，赢🧧', //自定义标题
					path: `/subpkg/earlyclock/index/index`, //默认跳转首页
					imageUrl: 'https://cos.xunmeng.icu/cartoonrabbit/static/earlyshare.png'
				}
			};
		},
		async onShareAppMessage(res) { //发送给朋友
			let that = this
			// 动态获取当前页面栈
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			// let prevPage = pages[pages.length - 2]; //上一页页面实例
			// that.share.path = `/${nowPage.route}`
			// 获取token
			let token = uni.getStorageSync('token')
			if (token) {
				token = JSON.parse(token)
			} else {
				await uni.showToast({
					title: '未授权请先登录',
					icon: 'none'
				})
				return
			}
			// 获取用户的唯一标识
			const resoult = await http({
				url: '/user/useronlyId',
				method: "GET",
				header: {
					Authorization: token.data
				}
			})
			let params = ''
			if (resoult.code == 200) {
				params = '?scene=' + resoult.data
			} else {
				await uni.showToast({
					title: '获取参数异常',
					icon: 'none'
				})
				return
			}
			return {
				title: this.share.title,
				path: this.share.path + params,
				imageUrl: this.share.imageUrl,
				funtion: (function() {
					uni.showToast({
						title: '分享成功'
					})
					// 判断制作次数是否可以加一
					// 获取是否可分享的时间戳与当前时间戳进行对比
					let canGetProductionTime = uni.getStorageSync('canGetProductionTime')
					// 与当前时间进行对比
					const currentTimestamp = Date.parse(new Date());
					if (!canGetProductionTime || ((currentTimestamp - canGetProductionTime) / 60 / 60 / 1000 >
							24)) {
						// 调用制作次数加一
						if (token.data) {

							http({
								url: '/user/production/change/1',
								method: "POST",
								header: {
									Authorization: token.data
								}
							}).then(res => {
								if (res.code == 200) {
									uni.showToast({
										title: '制作次数+1',
										icon: 'none'
									})
									uni.setStorageSync('canGetProductionTime', currentTimestamp)
									that.$store.commit('m_user/updateUserInfo', res.data)
								}
							})
						}
					} else {
						uni.setStorageSync('canGetProductionTime', currentTimestamp)
					}

				})()
			}
		},
		async onShareTimeline(res) { //分享到朋友圈
			let that = this
			// 动态获取当前页面栈
			let pages = getCurrentPages(); //获取所有页面栈实例列表
			let nowPage = pages[pages.length - 1]; //当前页页面实例
			// let prevPage = pages[pages.length - 2]; //上一页页面实例
			// that.share.path = `/${nowPage.route}`
			// 获取token
			let token = uni.getStorageSync('token')
			if (token) {
				token = JSON.parse(token)
			} else {
				await uni.showToast({
					title: '未授权请先登录',
					icon: 'none'
				})
				return
			}
			// 获取用户的唯一标识
			const resoult = await http({
				url: '/user/useronlyId',
				method: "GET",
				header: {
					Authorization: token.data
				}
			})
			let params = ''
			if (resoult.code == 200) {
				params = '?scene=' + resoult.data
			} else {
				await uni.showToast({
					title: '获取参数异常',
					icon: 'none'
				})
				return
			}
			return {
				title: this.share.title,
				path: this.share.path + params,
				imageUrl: this.share.imageUrl,
				funtion: (function() {
					uni.showToast({
						title: '分享成功'
					})
					// 判断制作次数是否可以加一
					// 获取是否可分享的时间戳与当前时间戳进行对比
					let canGetProductionTime = uni.getStorageSync('canGetProductionTime')
					// 与当前时间进行对比
					const currentTimestamp = Date.parse(new Date());
					if (!canGetProductionTime || ((currentTimestamp - canGetProductionTime) / 60 / 60 / 1000 >
							24)) {
						// 调用制作次数加一
						// 获取token
						let token = uni.getStorageSync('token')
						if (token) {
							token = JSON.parse(token)
						}
						if (token.data) {

							http({
								url: '/user/production/change/1',
								method: "POST",
								header: {
									Authorization: token.data
								}
							}).then(res => {
								if (res.code == 200) {
									uni.showToast({
										title: '制作次数+1',
										icon: 'none'
									})
									uni.setStorageSync('canGetProductionTime', currentTimestamp)
									that.$store.commit('m_user/updateUserInfo', res.data)
								}
							})
						}
					} else {
						uni.setStorageSync('canGetProductionTime', currentTimestamp)
					}

				})()
			}
		},
	}
</script>

<style>
	page {
		background: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
	/* pages/rule/rule.wxss */
	/* page{
  padding: 30rpx;
} */
	.icon-img {
		margin-left: 30rpx;
		width: 34rpx;
		height: 34rpx;
		margin-right: 12rpx;
	}

	.title {
		margin-top: 60rpx;
		margin-bottom: 80rpx;
		display: flex;
		align-items: center
	}

	.ctitle {
		font-size: 34rpx;
		color: #ff8e42;
		text-decoration: underline;
		position: static;
		background: #ffffff;
		display: inline;
		border: none;
		margin: 0;
		padding-left: 0;
	}

	.ctitle::after {
		border: none
	}

	.img {
		width: 100%;
	}

	.header {
		height: 60rpx;
		position: relative;
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		display: flex;
		align-items: center;
		font-weight: 900;
		.lab{
			width: 5rpx;
			margin-right: 10rpx;
			height: 90%;
			background: #e5d823;
		}
	}
	
	.text-content{
		color: #606266;
		font-weight: 550;
		font-size: 30rpx;
		.text{
			line-height: 60rpx;
		}
	}

</style>
